.MutualList_box {
    width: 100%;
    min-height: 100vh;
    background: rgba(245, 247, 250, 1);
    padding-bottom: 240px;

    .lxy-nav-bar__inner {
        width: auto !important;
    }

    .MutualList_top_back {
        display: flex;
        align-items: center;

        .MutualList_top_icon {
            width: 68px;
            height: 68px;
            position: relative;
            z-index: 100;

            .MutualList_top_backInfo {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 2001;
                width: 68px;
                height: 68px;
                background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image186.png') no-repeat;
                background-size: 100% 100%;
            }
        }
    }

    .SeachInput_placeholder {
        color: rgba(255, 255, 255, 1);
    }

    .SeachInput_box {
        width: 400px;
        height: 64px;
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 36px;
        position: relative;



        .SeachInput_box_icon {
            position: relative;
            z-index: 100;
            width: 36px;
            height: 36px;
            background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image187.png') no-repeat;
            background-size: 100% 100%;
            margin-left: 16px;
        }

        .SeachInput_box_input {
            height: 64px;
            font-size: 26px;
            color: rgba(255, 255, 255, 1);
            margin-right: 12px;
            flex: 1;
            border: none;
            outline: none;
        }

        .SeachInput_box_closeIcon {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 48px;
            height: 48px;
            background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/icon60.png') no-repeat;
            background-size: 100% 100%;
        }

        ::-webkit-input-placeholder {
            color: #BEC3C9;
        }
    }

    .MutualList_top_bg {
        position: absolute;
        z-index: 1;
        top: 0;
        height: 328px;
        width: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(0, 170, 255, 1), rgba(18, 200, 255, 1));
    }

    .MutualList_select_box {
        margin-top: 22px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2;

        .MutualList_select_left {
            width: 574px;
            height: 88px;
        }

        .MutualList_select_right {
            height: 88px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            width: 176px;

            .MutualList_select_icon {
                width: 56px;
                height: 56px;
                position: relative;
            }

            .MutualList_select_icon1 {
                background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image184.png') no-repeat;
                background-size: 100% 100%;
            }

            .MutualList_select_icon1Count {
                position: absolute;
                top: 0px;
                margin-top: -10px;
                left: 22px;
                height: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px 5px;
                background: rgba(255, 75, 68, 1);
                border: 1px solid rgba(255, 255, 255, 1);
                border-radius: 50%;
                font-size: 20px;
                color: rgba(255, 255, 255, 1);
            }

            .MutualList_select_icon2 {
                background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image185.png') no-repeat;
                background-size: 100% 100%;
            }
        }

        .Tabs_height_box {
            height: 0 !important;
        }

        .Tabs_box {
            background: transparent;
            position: relative;
        }

        .Tabs_select_checkedLiner {
            background: #ffffff;
        }

        .Tabs_select_checked {
            color: rgba(255, 255, 255, 1);
        }

        .Tabs_select_noChecked {
            color: rgba(255, 255, 255, 0.6);
        }
    }

    .MutualList_logo_box {
        margin: 40px 28px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;

        .MutualList_logo_left {
            width: 124px;
            height: 94px;
            background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image177.png') no-repeat;
            background-size: 100% 100%;
        }

        .MutualList_logo_right {
            width: 480px;
            height: 104px;
            background: rgba(217, 217, 217, 1);
            margin-right: 28px;
            position: relative;
            border-radius: 16px;
            font-size: 24px;
            color: rgba(51, 53, 57, 1);
            display: flex;
            flex-direction: column;

            .MutualList_logo_fontBox {
                padding: 0 30px;
                line-height: 1;
                padding-top: 18px;
            }

            .MutualList_logo_rightBox {
                width: 20px;
                height: 20px;
                position: absolute;
                left: 0;
                margin-left: -10px;
                background: rgba(217, 217, 217, 1);
                transform: rotateZ(45deg);
                margin-top: 40px;

            }
        }
    }

    .MutualComponents_box {
        padding: 24px;
        background: #ffffff;
        border-radius: 16px;
        margin-bottom: 16px;

        .MutualComponents_title_box {
            font-size: 26px;
            line-height: 40px;
            font-weight: bold;
            color: rgba(29, 40, 53, 1);
        }

        .MutualComponents_bottom {
            margin-top: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .MutualComponents_bottom_left {
                font-size: 24px;
                line-height: 36px;
                font-weight: bold;
                color: rgba(129, 138, 150, 1);
                display: flex;
                align-items: center;
                gap: 16px;
            }

            .MutualComponents_bottom_radio {
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: rgba(129, 138, 150, 1);
            }

            .MutualComponents_bottom_right {
                width: 144px;
                height: 56px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 48px;
                color: #ffffff;
                font-size: 24px;
                font-weight: bolder;
                background: rgba(0, 172, 255, 1);
            }

            .MutualComponents_bottom_right::before {
                width: 40px;
                height: 40px;
                content: '';
                background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image130.png') no-repeat;
                background-size: 100% 100%;
            }
        }
    }

    .MutualList_MutualComponents_box {
        position: relative;
        z-index: 1;
        margin: 72px 28px 16px;
    }

    .MutualList_empty_box {
        background: #ffffff;
        z-index: 1;
        padding-top: 72px;
        margin: 24px auto;
        width: 694px;
        padding-bottom: 24px;
        border-radius: 16px 16px 0 0;
        position: relative;

        .MutualList_empty_height {
            padding-top: 160px;
        }

        .MutualList_empty_icon {
            margin: 0 auto 0;
            width: 360px;
            height: 360px;
            background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image181.png') no-repeat;
            background-size: 100% 100%;
        }



        .MutualList_empty_btn::before {
            content: '';
            width: 32px;
            height: 36px;
            background: url('https://gygj-wechat.oss-cn-hangzhou.aliyuncs.com/answerImage/image180.png') no-repeat;
            background-size: 100% 100%;
            display: block;
        }
    }

    .Collect_list_showImage {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;

        .Collect_list_image {
            width: 160px;
            height: 160px;
            border-radius: 16px;
            background: #F5F7FA;
        }
    }


    .MutualList_empty_btn {
        width: 268px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 1);
        background: rgba(0, 172, 255, 1);
        border-radius: 44px;
        gap: 16px;
        margin: 0 auto 0;
        line-height: 1;
        font-size: 32px;
        position: fixed;
        bottom: 80px;
        left: 0;
        right: 0;
        z-index: 2;
    }
}